'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _row = require('antd/lib/row');

var _row2 = _interopRequireDefault(_row);

var _col = require('antd/lib/col');

var _col2 = _interopRequireDefault(_col);

var _icons = require('@ant-design/icons');

var _icons2 = _interopRequireDefault(_icons);

var _tooltip = require('antd/lib/tooltip');

var _tooltip2 = _interopRequireDefault(_tooltip);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

exports['default'] = function (props) {
  var title = props.title,
      help = props.help,
      children = props.children,
      rowProps = (0, _objectWithoutProperties3['default'])(props, ['title', 'help', 'children']);

  return _react2['default'].createElement(
    _row2['default'],
    (0, _extends3['default'])({ gutter: 8 }, rowProps),
    _react2['default'].createElement(
      _col2['default'],
      { span: 3 },
      title
    ),
    _react2['default'].createElement(
      _col2['default'],
      { span: 18 },
      children
    ),
    _react2['default'].createElement(
      _col2['default'],
      { span: 3 },
      _react2['default'].createElement(
        _tooltip2['default'],
        { placement: 'topRight', arrowPointAtCenter: true, title: help },
        _react2['default'].createElement(_icons2['default'], { type: 'question-circle' })
      )
    )
  );
}; /* eslint-disable react/prop-types */


module.exports = exports['default'];